import React, { Component } from 'react';
import { NavLink } from 'react-router-dom';
import '../css/topheader.scss';
import Logo from '../img/super visual FM.png';

class TopHeader extends Component {
      render() {
            return (
                  <div className="topheader-container" >
                        <div className="logo">
                              <img src={Logo} alt="logo" />
                        </div>
                        <div className="menu">
                              <ul>
                                    <li><NavLink to="/styles" activeClassName="active">风格</NavLink></li>
                                    <li><NavLink to="/doc" activeClassName="active">文档</NavLink></li>
                              </ul>
                        </div>
                  </div>
            )
      }
}

export default TopHeader;
